<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="always" name="referrer">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>处理订单详情</title>
    <link rel="stylesheet" href="/LianniuWeb/css/staff/reset.css">
    <link rel="stylesheet" href="/LianniuWeb/css/staff/order_detail.css">
    <link rel="stylesheet" href="/LianniuWeb/css/new/build/css/layui.css"  media="all">
    <link rel="stylesheet" href="/LianniuWeb/css/seller/webuploader.css" />
    <link type="text/css" rel="stylesheet" href="/LianniuWeb/css/easydialog.css"/>
    <script type="text/javascript" src="/LianniuWeb/js/widget/easydialog.min.js"></script>
</head>
<body>
<div class="ranking_header">
    <div class="back_btn" onclick="history.back(-1)"></div>
    <p>处理订单</p>
</div>
<form class="layui-form">
    <div class="padding_both">
        <div class="order_con">
            <span>订单号：</span>
            <p id="orderCode"></p>
        </div>
        <div class="order_con">
            <span>商品名称：</span>
            <p id="productName"></p>
        </div>
        <div class="order_con">
            <span>类别：</span>
            <p id="spec"></p>
        </div>
        <div class="order_con">
            <span>货源地：</span>
            <p id="areaName">北京</p>
        </div>
        <div class="order_con">
            <span>下单时间：</span>
            <p id="addTime"></p>
        </div>
        <div class="password_box password_box2">
            <span>成交单价：</span>
            <p>元/头</p>
            <input type="text" id="actPrice" name="actPrice" value="" placeholder="请输入" maxlength="11">
        </div>
        <div class="password_box password_box2">
            <span>装卸费：</span>
            <p>元/头</p>
            <input type="text" id="chargeFee" name="chargeFee" value="" placeholder="请输入" maxlength="11">
        </div>
        <div class="password_box password_box2">
            <span>数量：</span>
            <p>头</p>
            <input type="text" id="actProductNum" name="actProductNum" value="" placeholder="请输入"maxlength="11">
        </div>
        <div class="password_box password_box2">
            <span>商品总价：</span>
            <p>元</p>
            <input type="text" id="productTotalPrice" placeholder="计算中" maxlength="11" disabled>
        </div>
        <div class="password_box password_box2">
            <span>服务费：</span>
            <p>元</p>
            <input type="text" id="serviceFee" name="serviceFee" placeholder="请输入"maxlength="11">
        </div>
        <div class="password_box password_box2">
            <span>总金额：</span>
            <p>元</p>
            <input type="text" id="totalPrice" placeholder="计算中"maxlength="11" disabled>
        </div>
        <div class="password_box password_box2">
            <span>向卖家打款：</span>
            <p>元</p>
            <input type="text" id="payToSeller" name="payToSeller" placeholder="请输入" maxlength="11">
        </div>
        <div class="password_box">
            <span>订单负责人：</span>
            <input type="text" name="orderManager" id="orderManager" placeholder="请输入" maxlength="11">
        </div>
        <div class="password_box">
            <span>货源负责人：</span>
            <input type="text" name="salesPerson" id="salesPerson" placeholder="请输入" maxlength="11">
        </div>
        <div class="password_box">
            <span>买家信息：</span>
            <input type="text" id="buyer" placeholder="请输入买家姓名或账号" maxlength="11" disabled>
        </div>
        <div class="password_box">
            <span>卖家信息：</span>
            <input type="text" id="seller" placeholder="请输入卖家姓名或账户" maxlength="11" disabled>
        </div>
        <div class="checkbox_box">
            <div class="top_sel">
                <div class="l_box">
                    <input type="checkbox" lay-filter="isPriceException" lay-skin="primary" title="价格异常：">
                    <input type="hidden" value="0" id="isPriceException" name="isPriceException">
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="password_box" id="exception" style="display: none;">
            <span>异常原因：</span>
            <input type="text" id="priceExceptionReason" name="priceExceptionReason" placeholder="" maxlength="128">
        </div>
        <div class="add_photo" id="photoBox">
            <span>付款凭证：</span>
            <div class="photo_box">
                <div id="fileList" class="uploader-list">
                    <div  class="file-item thumbnail"><img id="WU_FILE_0" src=""></div>
                    <div  class="file-item thumbnail"><img id="WU_FILE_1" src=""></div>
                </div>
                <div id="filePicker"></div>
            </div>
            <div class="clear"></div>
        </div>
        <input type="button" value="提交" class="load_btn" id="btn">
    </div>
</form>
<script src="/LianniuWeb/js/underscore/underscore.js"></script>
<script src="/LianniuWeb/js/commons/commons.js"></script>
<script src="/LianniuWeb/js/commons/util.js"></script>
<script src="/LianniuWeb/js/jquery/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/LianniuWeb/js/buyer/flexible.js"></script>
<script type="text/javascript" src="/LianniuWeb/js/staff/orderDetail.js"></script>
<script src="/LianniuWeb/css/new/build/layui.js" charset="utf-8"></script>
<script src="/LianniuWeb/js/buyer/webuploader.js"></script>
<script type="text/javascript">

    // 初始化Web Uploader
    var uploader = WebUploader.create({

        // 选完文件后，是否自动上传。
        auto: true,
        // swf文件路径
        swf: '/js/Uploader.swf',

        // 文件接收服务端。
        server: '/LianniuWeb/rest/fileUpload/uploadPic.do?filepath=orderHandle',

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: {id:'#filePicker',multiple:false},
        compress:{
            width: 500,
            height: 550,

            // 图片质量，只有type为`image/jpeg`的时候才有效。
            quality: 40,

            // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
            allowMagnify: false,

            // 是否允许裁剪。
            crop: false,

            // 如果发现压缩后文件大小比原来还大，则使用原来图片
            // 此属性可能会影响图片自动纠正功能
            noCompressIfLarger: false,

            // 单位字节，如果图片大小小于此值，不会采用压缩。
            compressSize: 30 * 1024
        },
        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    uploader.on( 'uploadSuccess', function( file,a,b ) {
        if ($("#WU_FILE_0").attr("src") == ''){
            $("#WU_FILE_0").attr("src", a.data);

            if($("#WU_FILE_0").attr("src") != '' && $("#WU_FILE_1").attr("src") != ''){
                $("#filePicker").hide();
            }
            return;
        }

        if ($("#WU_FILE_1").attr("src") == ''){
            $("#WU_FILE_1").attr("src", a.data);
            if($("#WU_FILE_0").attr("src") != '' && $("#WU_FILE_1").attr("src") != ''){
                $("#filePicker").hide();
            }
        }
    });

    uploader.on( 'uploadError', function( file ) {
        easyAlert("上传出错");
    });
</script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?867c800f411683d2a7fa9eb1eabd9736";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>